<!DOCTYPE html>
<!--由浙江山久（三盛）网络科技有限公司技术部设计,如果您有任何意见或建议请致电400-861-0574-->
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <title>案件情報</title>
    <meta name="keywords" content="your keywords" />
    <meta name="description" content="your description" />
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1" />
    <meta name="format-detection" content="telephone=no" />

    <link rel="stylesheet" href="./static/js/layui/css/layui.css">
    <link rel="stylesheet" href="./static/css/base.min.css" />
    <link rel="stylesheet" href="./static/font/iconfont.css" />
    <link rel="stylesheet" href="./static/css/cl-reset.min.css" />
    <link rel="stylesheet" href="./static/css/cl-animation.min.css" />
    <link rel="stylesheet" href="./static/css/case.min.css" />
</head>

<div data-scroll-container>
    <header class="header-wrap" data-scroll-section>
        <div class="header">
            <div class="w1100">
                <div class="topline" data-scroll data-scroll-id="hey">
                    <h1 class="topline-left">
                        <a href="./index.html" class="logo"><img src="./static/image/hlogo.png" alt="" /></a>
                    </h1>
                    <div class="topline-rgiht">
                        <dfn class="info-wrap">
              <a href="./case-list.html" class="iwitem" href="#"
                ><i class="iconfont wjj">&#xec17;</i>
                <span>案件情報</span></a
              >
              <a href="./sap-list.html" class="iwitem" href="#"
                ><i class="iconfont ts">&#xe6b9;</i><span>研修情報</span></a
              >
              <a href="./new-list.html" class="iwitem" href="#"
                ><i class="iconfont ht">&#xe624;</i><span>ニュース</span></a
              >
            </dfn>
                    </div>
                </div>
            </div>
        </div>

        <nav class="navline w1100">
            <ul class="nav">
                <li class="nvitem">
                    <a href="./index.html"><i class="iconfont  sy">&#xe64b;</i>ホームページ</a
          >
        </li>
        <li class="nvitem">
          <a href="./about.html"
            ><i class="iconfont  qy">&#xe679;</i>企業情報</a
          >
        </li>
        <li class="nvitem">
          <a href="./case-list.html"
            ><i class="iconfont  aj">&#xe797;</i>案件情報</a
          >
        </li>
        <li class="nvitem">
          <a href="./sap-list.html"
            ><i class="iconfont  sap">&#xe6b9;</i>SAP研修</a
          >
        </li>
        <li class="nvitem">
          <a href="./new-list.html"
            ><i class="iconfont  nw">&#xebca;</i>ニュース</a
          >
        </li>
        <li class="nvitem">
          <a href="./recruit-list.html"
            ><i class="iconfont  cy">&#xe689;</i>採用情報</a
          >
        </li>
        <li class="nvitem">
          <a href="./postion.html"
            ><i class="iconfont  fw">&#xe65e;</i>アクセス</a
          >
        </li>
      </ul>
      <a href="./concat.html" class="inquiry">
        <i class="iconfont flrtz">&#xe6a6;</i>
        <span>問合せ</span>
      </a>
        </nav>
    </header>
    <div data-scroll-section class="sub-banner" style="background-image: url('./static/image/sub-banner2.png')"></div>
    <div data-scroll-section class="case-container  resize-container">
        <div class="w1100">
            <h2 class="sub-h2 case-h2" data-scroll data-scroll-call="topCurA">案件情報</h2>
            <div class="caseb" data-scroll data-scroll-call="topCurA">
                <div class="caseb-info">
                    <h3 class="casebi-h3">大手電機メーカ向けSAP導入</h3>
                    <div class="casebi-main">
                        <div class="basebi-date">
                            <i class="iconfont bdate">&#xe638;</i>
                            <span class="bdate-txt">2021.04</span>
                        </div>
                        <div class="basebi-user">
                            <i class="iconfont buser">&#xe749;</i>
                            <span class="bdate-txt">複数名</span>
                        </div>
                    </div>
                    <p class="caseb-p">導入企画構想４月～<br />要件定義７～</p>
                </div>
                <ul class="caseb-list">
                    <li class="caseb-item">
                        <span>SDコンサル ：１～２名</span>
                        <span>MMコンサル：１～２名</span>
                        <span>PSコンサル：１～２名</span>
                    </li>
                    <li class="caseb-item">
                        <span>勤務地:　都内、テレワーク</span>
                        <span>期&nbsp;&nbsp;&nbsp;&nbsp;間:　即日～中長期</span>
                        <span>スキル:　SD/MM/PS</span>
                    </li>
                    <li class="caseb-item">
                        <span>募集人数:　複数名</span>
                        <span>単&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;価:　応相談</span
                >
                <span
                  >国&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;籍:　外国籍可</span
                >
              </li>
            </ul>
          </div>

          <div class="casef-area">
            <div class="casef-header">
              <h3 class="casef-h3" data-scroll data-scroll-call="topCurA">案件応募/お問い合わせ</h3>
              <p class="casef-h4" data-scroll data-scroll-call="topCurA">お客様の個人情報は公開しません!</p>
              <p class="casef-p" data-scroll data-scroll-call="topCurA">
                下記項目を入力の上、［送信］ボタンを押してください。
                <br />お送りいただいた内容を確認のうえ、こちらよりご連絡させていただきます。
              </p>
            </div>

            <form class="clayui-form layui-form case-form" data-scroll data-scroll-call="topCurA">
              <div class="layui-form-item clayui-form-item">
                <div class="layui-inline clayui-inline w452">
                  <label class="layui-form-label clayui-form-label"
                    >お名前<sup>*</sup></label
                  >
                  <div class="layui-input-block clayui-input-block">
                    <input
                      type="text"
                      name="xm"
                      lay-verify="required"
                      lay-reqtext="必須フィールドを空にすることはできません！"
                      autocomplete="off"
                      class="layui-input clayui-input"
                    />
                  </div>
                </div>
                <div class="layui-inline clayui-inline w452">
                  <label class="layui-form-label clayui-form-label"
                    >フリガナ<sup>*</sup></label
                  >
                  <div class="layui-input-block clayui-input-block">
                    <input
                      type="text"
                      name="jm"
                      lay-verify="required"
                      lay-reqtext="必須フィールドを空にすることはできません！"
                      autocomplete="off"
                      class="layui-input clayui-input"
                    />
                  </div>
                </div>
                <div class="layui-inline clayui-inline clayui-select-inline">
                  <label class="layui-form-label clayui-form-label"
                    >性別<sup>*</sup></label
                  >
                  <div class="layui-input-block clayui-input-block">
                    <select
                      name="sex"
                      lay-verify="required"
                      lay-reqtext="必須フィールドを空にすることはできません！"
                    >
                      <option value="0">男</option>
                      <option value="1">女</option>
                    </select>
                  </div>
                </div>
              </div>
              <div class="layui-form-item clayui-form-item">
                <div class="layui-inline clayui-inline w452">
                  <label class="layui-form-label clayui-form-label"
                    >メールアドレス<sup>*</sup></label
                  >
                  <div class="layui-input-block clayui-input-block">
                    <input
                      type="email"
                      name="email"
                      lay-verify="required|email"
                      lay-reqtext="有効なメールアドレスを入力してください！"
                      autocomplete="off"
                      class="layui-input clayui-input"
                    />
                  </div>
                </div>
                <div class="layui-inline clayui-inline w452">
                  <label class="layui-form-label clayui-form-label"
                    >携帯番号</label
                  >
                  <div class="layui-input-block clayui-input-block">
                    <input
                      type="tel"
                      name="phone"
                      lay-verify="phone"
                      autocomplete="off"
                      class="layui-input clayui-input"
                    />
                  </div>
                </div>
              </div>
              <div class="layui-form-item clayui-form-item">
                <div class="layui-inline clayui-inline">
                  <label class="layui-form-label clayui-form-label"
                    >お問い合わせ内容</label
                  >
                  <div class="layui-input-block clayui-input-block">
                    <textarea
                      placeholder="メッセージを書いてください..."
                      class="layui-textarea clayui-textarea"
                    ></textarea>
                    <!-- 文件上传 -->
                    <div class="cl-file">
                      <dfn class="cl-file-dfn" id="test1">
                        <i class="iconfont cfdicon"></i>
                        <span class="cfd-txt">履歴書添付</span>
                        </dfn>
            </div>
        </div>
    </div>
</div>
<div class="layui-form-item clayui-form-item clayui-form-footer">
    <div class="layui-input-block clayui-input-block">
        <button type="submit" class="index_btn chover clayui-submit" lay-submit lay-filter="formDemo">
                    <span>送信</span>
                    <i class="iconfont idb carrow"></i>
                  </button>
    </div>
</div>
</form>

</div>
</div>
</div>
<footer class="footer" data-scroll-section>
    <div class="w1100 footer-wrap">
        <div class="footer-line">
            <h2 class="flogo">
                <a href="./index.html"><img src="./static/image/flogo.png" alt="" /></a>
            </h2>
            <div class="fl-right">
                <div class="fl-right__cirle">
                    <a class="flrcm">
                        <i class="iconfont flrtz">&#xe6a6;</i>
                        <span>問合せ</span>
                    </a>
                </div>
                <div class="fl-right__cirle" title="去顶部">
                    <dfn class="flrcm totop">
                <i class="iconfont flra">&#xe61a;</i>
              </dfn>
                </div>
            </div>
        </div>

        <div class="footer-body">
            <div class="fb-dl">
                <div class="fb-section">
                    <a class="fb-dt"> 企業情報 </a>
                    <a href="./about.html" traget="_blank" class="fb-dd">会社概要</a>
                    <a href="./career-field.html" traget="_blank" class="fb-dd">事業領域</a>
                </div>

                <div class="fb-section">
                    <a class="fb-dt"> 案件情報 </a>
                    <a href="./case-list.html" traget="_blank" class="fb-dd">案件一覧 </a>
                    <a href="./case.html" traget="_blank" class="fb-dd">案件情報</a>
                </div>
                <div class="fb-section">
                    <a class="fb-dt"> SAP研修 </a>
                    <a href="./sap-list.html" traget="_blank" class="fb-dd">SAP研修一覧</a>
                    <a href="./sap.html" traget="_blank" class="fb-dd">SAP研修情報 </a>
                </div>
                <div class="fb-section">
                    <a class="fb-dt"> ニュース </a>
                    <a href="./new-list.html" traget="_blank" class="fb-dd">ニュース一覧 </a>
                    <a href="./new.html" traget="_blank" class="fb-dd">ニュース情報</a>
                </div>
                <div class="fb-section">
                    <a href="./recruit-list.html" traget="_blank" class="fb-dt"> 採用情報 </a>
                </div>
            </div>
            <div class="fb-right">
                <p class="fbrh1">アクセス</p>
                <p class="fbrp">
                    東京都新宿区高田馬場2 - 1 - 2 TOHMA高田馬場　5階<br />TEL： 03-6457-6896
                </p>
            </div>
        </div>

        <div class="copyright">
            © 株式会社ユアパートナー,All rights reserved.
        </div>
    </div>
</footer>
</div>

<script src="./static/js/jquery-1.11.3.min.js"></script>
<script src="./static/js/locomotive-scroll.js"></script>
<script src="./static/js/layui/layui.js"></script>
<script src="./static/js/TweenMax.min.js"></script>
<script src="./static/js/main.min.js"></script>
<script>
    // -------表单提交--------
    layui.use("form", function() {
        var form = layui.form;

        //监听提交
        form.on("submit(formDemo)", function(data) {
            layer.msg(JSON.stringify(data.field));
            return false;
        });
    });

    // -------简历上传--------
    layui.use("upload", function() {
        var upload = layui.upload;

        //执行实例
        var uploadInst = upload.render({
            elem: "#test1", //绑定元素
            url: "/upload/", //上传接口
            accept: "file",
            done: function(res) {
                //上传完毕回调
            },
            error: function() {
                //请求异常回调
                console.log("请求异常回调");
            },
        });
    });
</script>
</body>

</html>